<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>后台管理工具</title>

    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/global.css" rel="stylesheet">


    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <a class="navbar-brand" href="#">百顺通后台管理</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">导航</a></li>
                    <li><a href="#">导航</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">导航<span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">导航1</a></li>
                            <li><a href="#">导航1</a></li>
                            <li><a href="#">导航1</a></li>
                            <li class="divider"></li>
                            <li><a href="#">导航1</a></li>
                            <li class="divider"></li>
                            <li><a href="#">导航1</a></li>
                        </ul>
                    </li>
                </ul>
                <form class="navbar-form navbar-right" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <div class="container-fluid">
		<div class="row">
		  <div class="col-md-2">
		  	<ul class="nav nav-pills nav-stacked" role="tablist">
			  <li role="presentation" class="active"><a href="#">客户管理</a></li>
			  <li role="presentation"><a href="#">邮件管理</a></li>
			  <li role="presentation"><a href="#">汇款管理</a></li>
			</ul>

		  </div>
		  <div class="col-md-10">
		  	<table class="table">
		      <caption>财务管理</caption>
		      <thead>
		        <tr>
		          <th>订单号</th>
		          <th>订单编号</th>
		          <th>日期</th>
		          <th>交易名称</th>
		        </tr>
		      </thead>
		      <tbody>
		        <tr>
		          <td>1</td>
		          <td>Mark</td>
		          <td>Otto</td>
		          <td>@mdo</td>
		        </tr>
		        <tr>
		          <td>2</td>
		          <td>Jacob</td>
		          <td>Thornton</td>
		          <td>@fat</td>
		        </tr>
		        <tr>
		          <td>3</td>
		          <td>Larry</td>
		          <td>the Bird</td>
		          <td>@twitter</td>
		        </tr>
		      </tbody>
		    </table>
		  </div>
		</div>
    </div>
    <!-- jQuery -->
    <script src="js/jquery/1.11.1/jquery.min.js"></script>
    <!-- 必要js插件 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>
